<div #timeSliderCanvasContainer class="canvas-container">
  <canvas #timeSliderCanvas id="timeSliderCanvas" height="36" ondragstart="return false;"></canvas>
  <div
    class="timeslider-tooltip"
    [ngStyle]="{ left: toolTipLeft + 'px' }"
    #tooltip="lvTooltip"
    [lv-tooltip]="contentTemplate"
    lvTooltipTrigger="customize"
    [lvTooltipTheme]="lvTheme"
    [(lvTooltipVisible)]="tooltipVisible"
  ></div>
</div>
<ng-template #contentTemplate>
  <div [ngSwitch]="true">
    <ng-container *ngSwitchCase="!typeUtils.isRealString(lvTooltip)">{{ toolTipLabel }}</ng-container>
    <ng-container *ngSwitchCase="typeUtils.isTemplateRef(lvTooltip)" [ngTemplateOutlet]="lvTooltip"></ng-container>
  </div>
</ng-template>
